<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<!-- 基地详情 -->
		<meta charset="utf-8">
		<title>研学基地详情</title>
		<link rel="stylesheet" type="text/css" href="css/index/commonality.css" />
		<link rel="stylesheet" type="text/css" href="css/index/index_base_particulars.css"/>
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
	</head>
	<body>
		<header>
			<iframe src="tool/header/index_header.html" width="100%" height="130px" frameborder="0" scrolling="no"></iframe>
		</header>
		<section>
			<div class="index_nav">
				<h4>您的位置 >|</h4>
				<h4><a href="">首页 > </a></h4>
				<h4><a href="">清明上河图</a></h4>
			</div>
			<div class="topimg">
				<img src="https://img.xiaopiu.com/userImages/img2141816f85232698.jpg">
			</div>

			<div class="tablist">
				<div id="wrapbox">
					<div class="title">
						<ul class="title-list nav-list">
							<li class="on">概况</li>
							<li>接待</li>
							<li>餐饮</li>
							<li>师资</li>
							<li>课程</li>
							<li>评价</li>
							<p><b></b></p>
						</ul>
					</div>
				</div>
				<div class="product-wrap" id="textcontent">
					<!--概况-->
					<div class="product show">&nbsp;&nbsp;
						<!-- 图片加载的时候放最上面 -->
						<img src="img/index/04-search_03.jpg">
						<img src="img/index/04-search_03.jpg">
						清明上河园是由河南省开封市人民政府与海南置地集团公司合作建设的一座大型宋代文化实景主题公园，坐落在开封市龙亭湖西岸，是国家首批AAAAA级旅游景区和中国非物质文化遗产展演基地。它是以画家张择端的写实画作《清明上河图》为蓝本，按照《营造法式》为建设标准，以宋朝市井文化、民俗风情、皇家园林和古代娱乐为题材，以游客参与体验为特点的文化主题公园。集中再现原图风物景观的大型宋代民俗风情游乐园，再现了古都汴京千年繁华的胜景。2009年，清明上河园成为中国世界纪录协会中国第一座以绘画作品为原型的仿古主题公园，是国家黄河黄金旅游专线重点历史文化旅游景区。
						清明上河园作为集历史文化旅游、

						民俗风情旅游、休闲度假旅游、趣味娱乐旅游和生态环境旅游于一体的主题文化公园，突出体现了观赏性、知识性、娱乐性、参与性和情趣性等特点。
					</div>
					<!--接待-->
					<div class="product">&nbsp;&nbsp;
						<img src="img/index/04-search_03.jpg">
						<img src="img/index/04-search_03.jpg">
						1、问候和迎客
						　　一般情况下当听到门铃声或敲门声时，要迅速应答，同时前去开门。通常房门可分为外开门和内开门，如果门是向外开的，用手或身体挡住门，让客户先进入；相反门往内开，你先进入，按住或挡住门后再请客户进入；通常叫做外开门客先入，内开门己先入。在挡门时，要侧身，留有充分的出入口，并且面对客户微笑着说“请进”及伸手示意方向。请客户进入后再慢慢关上房门，跟随进屋。
						　　在开启大门后，要以亲切的态度，微笑的面容先向客户礼貌问候，如“您好”、“欢迎您”，对认识的客户也可以直接称呼，如“张先生，您好”；“李阿姨，欢迎您”。如果有不认识的人，可先问明对方尊姓，然后立刻称呼和问候，并向雇主禀报。一般情况下不必与客户握手，如果客户把手伸过来，你要顺其自然随之一握，并请客户进屋。如客户需要脱外衣、放雨伞、换拖鞋，应主动给予帮助。如果家中有小孩子，也要嘱咐孩子向客户问好。如果客户手中有重物，招呼过后，应接过重物帮助放好。若客户手中提的是礼物则不能主动上前接过。但是，如果雇主不在家，且未有明确交代，则不要轻易接待客户，应待请示雇主后再行决定是否接待客户。
						　　在带领客户会见主人时，要配合对方的步调，在客户左前侧作引导。引导行走时上体稍向右转体，左肩稍前，右肩稍后，侧身向着来客，保持两步左右的距离，可边走边向来宾介绍环境，同时观留心察来访者的意愿。要转弯或上楼梯时，先要有所动作，让对方明白所往何处。如果要带客户到主人的房间时，应先敲门，得到允诺后再开门并引导客户进入。

					</div>
					<!--餐饮-->
					<div class="product">&nbsp;&nbsp;
						沙发斯蒂芬
					</div>
					<!--师资-->
					<div class="product">&nbsp;&nbsp;
						<div id="clearfix_info">
							<div class="tec-pic">
								<img src="img/index/酷狗写真.jpg">
							</div>
							<ul class="list-des">
								<li>俞敏洪</li>
								<li>中小学生示范性综合实践基础基地</li>
								<li>国家级拓展培训师</li>
							</ul>
						</div>
					</div>
					<!--课程-->
					<div class="product">
						<ul class="list-show">
							<li>
								<img src="img/index/1000983.jpg" />
								<div id="info-list">
									<h3>中华崛起 红旗精神 文字之根</h3>
									<p>
										<span class="dian">·</span><span class="dian">·</span><span class="dian">·</span> 革命传统 <span class="dian">·</span><span
										 class="dian">·</span><span class="dian">·</span>
									</p>
								</div>
							</li>
						</ul>
					</div>




					<!-- 评价 -->
					<div class="product" style="display: block;" id="a">
						<!-- <iframe src="index_base_particulars_evaluate.html" width="100%" height="2300px" scrolling="no" frameborder="0"></iframe> -->
						<!-- 评分、图表 -->
						<div id="synthesizeevaluate">
							<div>
								<div id="synthesizeevaluate-top">
									<img src="img/index/star.png" width="30px" height="30px">
									<span>9.3</span>
									<span>综合评分</span>
								</div>
								<div id="synthesizeevaluate-bottom">
									<ul style="margin-bottom: 0;">
										<li>
											环境设施<span style="float: right;color: #FFBF44;">9.3</span>
											<div class="progress" style="height: 10px;">
												<!-- 使用EL表达式给width值的时候乘以10 -->
												<div class="progress-bar bg-success" style="width:93%;"></div>
											</div>
										</li>
										<li>
											接待服务<span style="float: right;color: #FFBF44;">9.2</span>
											<div class="progress" style="height: 10px;">
												<div class="progress-bar bg-success" style="width:92%;"></div>
											</div>
										</li>
										<li>
											课程设计<span style="float: right;color: #FFBF44;">8.7</span>
											<div class="progress" style="height: 10px;">
												<div class="progress-bar bg-success" style="width:87%;"></div>
											</div>
										</li>
										<li>
											师资力量<span style="float: right;color: #FFBF44;">8.9</span>
											<div class="progress" style="height: 10px;">
												<div class="progress-bar bg-success" style="width:89%;"></div>
											</div>
										</li>
									</ul>
								</div>
							</div>
							<div>
								<div id="container" style="width: 70%; height: 300px; margin: 0 auto"></div>
								<table id="datatable" hidden="hidden">
									<thead>
										<tr>
											<th></th>
											<th>学生</th>
											<th>老师</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<th>环境设施</th>
											<td>2</td>
											<td>4</td>
										</tr>
										<tr>
											<th>接待服务</th>
											<td>5</td>
											<td>1</td>
										</tr>
										<tr>
											<th>课程设计</th>
											<td>1</td>
											<td>1</td>
										</tr>
										<tr>
											<th>师资力量</th>
											<td>2</td>
											<td>4</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
						<!-- 评价统计 -->
						<div id="evaluatestatistics">
							<p>评价统计</p>
							<ul>
								<li>
									<div>接待团体总数</div>
									<div>149</div>
								</li>
								<li>
									<div>接待学生人数</div>
									<div>68119</div>
								</li>
								<li>
									<div>接待教师人数</div>
									<div>4200</div>
								</li>
								<li>
									<div>参与评价人数</div>
									<div>58154</div>
								</li>
							</ul>
						</div>
						<!-- 评价数据 -->
						<div id="evaluatedata">
							<p>评价数据</p>
							<div>
								<!-- 学生评价 -->
								<div id="studentevaluate">
									<p>
										<img src="img/index/dot.png" width="30px" height="30px">学生评价
									</p>
									<ul>
										<li>接待学生人数：5200人</li>
										<li>参与评分学生：4500人</li>
										<li>学生评分平均值：8</li>
										<li>
											
										</li>
									</ul>
									<table id="studentevaluate-firsttable" border="1" bordercolor="silver" cellspacing="0" cellpadding="" align="center">
										<tr>
											<th class="center" width="15%">评分内容</th>
											<th class="center">课程</th>
											<th class="center">师资</th>
											<th class="center">接待</th>
											<th class="center">餐饮</th>
											<th class="center">环境</th>
											<th class="center">共计</th>
										</tr>
										<tr>
											<th class="center">分值</th>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
										</tr>
										<tr>
											<th class="center">学生评分平均值</th>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
										</tr>
									</table>
									<div>
										已参与研学旅行学校评分明细：
										<input class="search-school" type="text" placeholder="搜索学校">
									</div>
									<table id="studentevaluate-secondtable" border="1" bordercolor="silver" cellspacing="0" cellpadding="" align="center">
										<tr>
											<th class="center" width="15%">研学旅游团体</th>
											<th class="center">课程</th>
											<th class="center">师资</th>
											<th class="center">接待</th>
											<th class="center">餐饮</th>
											<th class="center">环境</th>
											<th class="center">共计</th>
										</tr>
										<tr>
											<th class="center">郑州市第八中学</th>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
										</tr>
										<tr>
											<th class="center">郑州市第九中学</th>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
										</tr>
										<tr>
											<th class="center">纬一路小学</th>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
										</tr>
									</table>
								</div>
								<!-- 教师评价 -->
								<div id="teacherevaluate">
									<p>
										<img src="img/index/dot.png" width="30px" height="30px">教师评价
									</p>
									<ul>
										<li>接待教师人数：5200人</li>
										<li>参与评分教师：4500人</li>
										<li>教师评分平均值：8</li>
										<li>
											
										</li>
									</ul>
									<table id="teacherevaluate-firsttable" border="1" bordercolor="silver" cellspacing="0" cellpadding="" align="center">
										<tr>
											<th class="center" width="15%">评分内容</th>
											<th class="center">课程</th>
											<th class="center">师资</th>
											<th class="center">接待</th>
											<th class="center">餐饮</th>
											<th class="center">环境</th>
											<th class="center">共计</th>
										</tr>
										<tr>
											<th class="center">分值</th>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
										</tr>
										<tr>
											<th class="center">教师评分平均值</th>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
										</tr>
									</table>
									<div>
										已参与研学旅行学校评分明细：
										<input class="search-school" type="text" placeholder="搜索学校">
									</div>
									<table id="teacherevaluate-secondtable" border="1" bordercolor="silver" cellspacing="0" cellpadding="" align="center">
										<tr>
											<th class="center" width="15%">研学旅游团体</th>
											<th class="center">课程</th>
											<th class="center">师资</th>
											<th class="center">接待</th>
											<th class="center">餐饮</th>
											<th class="center">环境</th>
											<th class="center">共计</th>
										</tr>
										<tr>
											<th class="center">郑州市第八中学</th>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
											<td align="center">3</td>
										</tr>
										<tr>
											<th class="center">郑州市第九中学</th>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
										</tr>
										<tr>
											<th class="center">纬一路小学</th>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
											<td align="center">5</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
						<!-- 评价详情 -->
						<div id="evaluateinfo">
							<p>评价详情</p>
							<div id="evaluate">
								<ul>
									<li>
										<div>
											<img class="evaluate-userheader" src="img/index/userheader.jpg" alt="">
											<span class="evaluate-username">AAA</span>
											<span class="evaluate-userschoolname">BBB</span>
										</div>
										<div>
											<p class="evaluate-usercomment">CCC</p>
										</div>
									</li>
									<li>
										<div>
											<img class="evaluate-userheader" src="img/index/userheader.jpg" alt="">
											<span class="evaluate-username">AAA</span>
											<span class="evaluate-userschoolname">BBB</span>
										</div>
										<div>
											<p class="evaluate-usercomment">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
										</div>
									</li>
									<li>
										<div>
											<img class="evaluate-userheader" src="img/index/userheader.jpg" alt="">
											<span class="evaluate-username">AAA</span>
											<span class="evaluate-userschoolname">BBB</span>
										</div>
										<div>
											<p class="evaluate-usercomment">CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</p>
										</div>
									</li>
									<li>
										<div>
											<img class="evaluate-userheader" src="img/index/userheader.jpg" alt="">
											<span class="evaluate-username">AAA</span>
											<span class="evaluate-userschoolname">BBB</span>
										</div>
										<div>
											<p class="evaluate-usercomment">CCC</p>
										</div>
									</li>
									<li>
										<div>
											<img class="evaluate-userheader" src="img/index/userheader.jpg" alt="">
											<span class="evaluate-username">AAA</span>
											<span class="evaluate-userschoolname">BBB</span>
										</div>
										<div>
											<p class="evaluate-usercomment">CCC</p>
										</div>
									</li>
								</ul>
							</div>
							<div id="paging">
								<iframe src="index_paging.html" width="100%" height="50px" frameborder="0" scrolling="no"></iframe>
							</div>
						</div>
						
						<!-- 评价完 -->
					</div>

				</div>
			</div>

		</section>
		<footer>
			<iframe src="tool/footer/index_foot.html" width="100%" frameborder="0" scrolling="no" class="index_footer"></iframe>
		</footer>
		<script src="js/jquery-1.9.1.js"></script>
		<script src="js/readmore.js"></script>
		<script src="js/highcharts.js"></script>
		<script src="js/highcharts-zh_CN.js"></script>
		<script src="js/exporting.js"></script>
		<script src="js/data.js"></script>
		<script src="js/index/index_base_particulars.js"></script>
		<script>
			// 柱状图
			var chart = Highcharts.chart('container', {
				data: {
					table: 'datatable'
				},
				chart: {
					type: 'column'
				},
				title: {
					text: '评价概览'
				},
				yAxis: {
					allowDecimals: false,
					title: {
						text: '',
						rotation: 0
					}
				},
				tooltip: {
					formatter: function() {
						return '<b>' + this.series.name + '</b><br/>' +
							this.point.name.toLowerCase() + '评分：' + this.point.y + '分';
					}
				}
			});
			
			$(".evaluate-usercomment").readmore({maxHeight: 60});			
		</script>
	</body>
</html>
